<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
* {
	margin: 0;
	padding: 0;
}
.atSomeone-listBox {
    display: none;
	border: 1px solid #ccc;
	overflow:hidden;
	position: absolute;
	top: 0px;
	left:0px;
	background-color:#fff;
	z-index:100;
	padding:2px;
}
.atSomeone-listBox li {
    width:180px;
    padding:2px 0;
    overflow:hidden;
    line-height:22px;
    height:22px;
    overflow:hidden;
}
ul,li{display:block;padding:0;margin:0;list-style-type: none;}
.atSomeone-listBox  .atSomeone-item{display:block;text-decoration:none;color:#000;}
.atSomeone-listBox .on{background-color:#ccc;}
.atSomeone-listBox .atSomeone-input{display:none;width:176px;margin:2px 2px;padding:2px;}
.atSomeone-staticBox .atSomeone-input{display:block;}

.setCommonCss {
	font: 12px/1.5 "宋体";
	word-wrap: break-word;
	resize: none;
	overflow-y: auto;
	overflow-x:hidden;
	padding:0 5px;
}

.atSomeone-shadowBox {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #f00; 
	visibility:hidden;
	
}
/*.pageBox{position:absolute;top:50px;left:1000px;}*/
</style>
<script type="text/javascript" src="/src/core/jquery.js"></script>
<script src="a.js"></script>
</head>
<body>
<input type="text" id="demoInput" />
34567890
dsds
<div class="pageBox">内容</div>
<div style="height: 200px;"></div>
<div style="margin-left:100px;">
<textarea id="area1" class="setCommonCss"
    style="width: 400px; height: 100px"></textarea>
    
    <a id="abc" href="javascript:;">浮层</a>
</div>
<p>另外一个</p>
<textarea id="area2" class="setCommonCss"
    style="width: 400px; height: 100px"></textarea>
    
<div class="box"></div>
<button onclick="doScroll()" value="go">嘻嘻嘻</button>
<p>https://github.com/beviz/jquery-caret-position-getter/blob/master/jquery.caretposition.js
http://msdn.microsoft.com/en-us/library/ie/ms535872(v=vs.85).aspx
http://stackoverflow.com/questions/263743/how-to-get-caret-position-in-textarea
http://help.dottoro.com/ljikwsqs.php
http://www.csdn.net/article/2012-12-20/2813026-nine-step-of-PM
</p>
<!-- 
<ul id="listBox" class="clearfix">
	<li><a href="javascript:void(0)">峨眉祈福迎新年</a></li>
	<li><a href="javascript:void(0)">一千个刷华夏</a></li>
	<li><a href="javascript:void(0)">99元包邮LOCK&LOCK</a></li>
	<li><a href="javascript:void(0)">小心!与色狼同！</a></li>
	<li><a href="javascript:void(0)">比打车还便宜的机票</a></li>
	<li><a href="javascript:void(0)">移动工具管理员工</a></li>
</ul>
 -->
</body>
</html>